<extend name="en_us:Public:base" />
<block name="title">
    <title class="navbar-title typo-text-white-deep">BookHour room</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/hourroom.css?rev=7e59f7dc13ff721936bd8561abb17352">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/toastr/2.1.2/toastr.min.css?rev=e36d7ff8c89b5bb6e9db66a169d59c47">
</block>
<block name="document">
    <div id="doc" class="container" data-symbols = "{$defaultSymbol}">
        <div id="btn-language-pos" class="btn-language-pos" class="dropdown">
            <a data-toggle="dropdown" class="btn-sm typo-text-black-deep" href="javascript:void(0);">
                Language&nbsp;<span class="caret"></span>
            </a>
            <ul class="languageSwitch dropdown-menu">
                <li><a href="javascript:void(0)" data-language="zh_cn">简体</a></li>
                <li><a href="javascript:void(0)" data-language="zh_tw">繁体</a></li>
                <li><a href="javascript:void(0)" data-language="en_us">English</a></li>
            </ul>
        </div>   
        <div id="header" class="navbar navbar-fixed-top">
            <a data-href="/Home/BookPage/index" class="pull-right navbar-icon"><span class="gohome-right"></span></a>
        </div>        
        <div id="doc-body">
            <div id="roomGallery" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#roomGallery" data-slide-to="0" class="active"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <div class="inner-item" data-original=""></div>
                    </div>
                </div>
                <div class="carousel-caption nowrap-content"></div>
            </div>
            <div id="scrollable-detail" class="horizontal-padding">
                <div class="content-outside-title room-booking-show hidden">Real time<span class="charityPrice-content">(Charity amount:{$defaultSymbol}<span class="rummage"></span>)</span></div>
                <div class="checkbox-box-room hidden">
                    <li>Optional</li>
                    <li>Selected</li>
                    <li>Sold</li>
                    <li>Dirty</li>
                </div>
                <div class="content-panel room-booking-show hidden">
                    <div class="content-panel-body">
                        <div class="vertical-padding">
                            <div class="room-type-rooms clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="room-booking-style" style="background: #fff;"></div>
                <div class="room-booking-wrong hidden">
                    <p class="first-tip">There is no booking for this date</p>
                    <p class="second-tip">Please try to change the reservation date or contact the hotel</p>
                </div>
                <div id="doc-header" class="navbar navbar-fixed-top">
                    <div id="insertBefore"></div>
                    <div class="lock qrblock hidden">QRBLOCK:APP扫门锁Qrcode快速Open门；</div>
                    <div class="lock rfblock hidden">RFLOCK:刷RF卡快速Open门；</div>
                    <div class="lock qrlock hidden">QRLOCK:刷Qrcode钥匙快速Open门；</div>
                    <div class="row">
                        <div id="roomBook" class="col-xs-12 btn-raised btn-primary" disabled style="color: #fff;height: 39px;line-height: 39px;margin-top: 10px;"><span class="room-price hidden"></span>&nbsp;Book</div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <include file="en_us:Public:Include_loading" is-hidden="" />
    <!--js 使用的tag模板-->
    <script type="text/html" id="templateRoom">
        <div class="selectable-block col-xs-2">
            <div class="vertical-middle-block">
                <div class="vertical-middle-block-cell dot-ellipsis"></div>
                <div class="cardStyle"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id="templateCarouselItem">
        <div class="item">
            <div class="inner-item" data-original=""></div>
        </div>
    </script>
    <script type="text/html" id="templateCarouselIndicator">
        <li data-target="#roomGallery" data-slide-to=""></li>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/jslib/jquery-lazyload/1.9.5/jquery.lazyload.min.js?rev=6a039cfdf0ce9f477300675c0b167670"></script>
    <script type="text/javascript" src="/Public/jslib/toastr/2.1.2/toastr.min.js?rev=1778e466055d4a265993e979c174c338"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/longroom.js?rev=fb50e545892725fb746a11ad5eb68eeed"></script>
</block>
